<template>
  <div style="margin-top: 2px">
    <el-card class="box-card">
      <div class="text item" style="padding:10px 16px;">
        <div style="display: flex;justify-content: space-between;text-align: center">
            <span>
               <el-avatar shape="circle" size="large" :src="comment.avatarUrl"></el-avatar>
            </span>
          <span style="display: -webkit-box; font-size: 16px;padding: 10px 0;line-height: 1.6">
              {{comment.commentTime}}
            </span>
        </div>
        <div style="background-color: rgb(247,247,247);font-size:16px;margin-top: 15px">
         {{comment.content}}
        </div>
        <div style="font-size: 15px;margin-top: 15px">
          评论于 [zxgu] window 10(19045.1949)+
        </div>
      </div>
    </el-card>
  </div>
</template>
<script>
export default {
  name: 'BaseCard',
  props:{
     comment:{
       type:Object,
       default:()=>({
           avatarUrl:'',
           commentId:'',
           commentTime:'',
           content:'',
           username:''
       })
     }
  }
}
</script>
<style scoped>
.body {
  width: 378px;
}
</style>
